<!--
 * @Author: Bennty
 * @Date: 2024-11-25 14:38:11
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-11-25 15:04:15
 * @Description: 请填写简介
-->
<template>
    <el-dialog :model-value="props.visible" title="供应商信息详情" width="25%" @close="handleClose">
        <el-form>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="单位全称：">
                        {{ props.detail.companyName }}
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="单位简称：">
                        {{ props.detail.companySimpleName }}
                    </el-form-item>
                </el-col>
            </el-row>
            <el-form-item label="单位地址：">
                {{ props.detail.companyAddress }}
            </el-form-item>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="单位电话：">
                        {{ props.detail.phone }}
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="联系人姓名：">
                        {{ props.detail.phone }}
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="联系电话：">
                        {{ props.detail.contactsPhone }}
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="联系人微信：">
                        {{ props.detail.contactsWeChat }}
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="参考价格：">
                        {{ props.detail.referencePrice }}
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="月结天数：">
                        {{ props.detail?.paymentCycle }}
                    </el-form-item>
                </el-col>
            </el-row>
            <el-form-item label="对公账户：">
                {{ props.detail?.publicAccount }}
            </el-form-item>
            <el-form-item label="私人账户：">
                {{ props.detail?.privateAccount }}
            </el-form-item>
            <el-form-item label="备注：">
                {{ props.detail?.remark }}
            </el-form-item>
        </el-form>
        <template #footer>
            <div class="dialog-footer">
                <el-button  type="primary" @click="handleClose" >确 定</el-button>
            </div>
        </template>
    </el-dialog>
</template>

<script setup lang="ts">

const props = defineProps<{
    visible: boolean,
    settleAccounts: any[],
    detail: any
}>();
const emits = defineEmits(['close']);

const handleClose = () => {
    emits('close');
};
</script>

<style scoped>

</style>